.form_box {
    background-color: #2d3a4b;
    height: 100vh;

    h3 {
        font-size: 26px;
        color: #eee;
        margin: 0px auto 40px auto;
        text-align: center;
        font-weight: bold;
    }

    #basic {
        position: relative;
        width: 520px;
        max-width: 100%;
        padding: 160px 35px 0;
        margin: 0 auto;
        overflow: hidden;

        .ant-btn {
            width: 100%;
            height: 36px;
        }

        .ant-input-affix-wrapper {
            border: 1px solid rgba(255, 255, 255, .1);
            background: rgba(0, 0, 0, .1);
            border-radius: 5px;
            color: #889aa4;
        }

        .ant-input {
            background: transparent;
            color: #889aa4;
            font-size: 16px;
            padding-left: 5px;
        }

        .anticon {
            color: #889aa4 !important;
            font-size: 20px;
        }

        .goToReg {
            font-size: 14px;
            text-align: center;
            color: #fff;
            cursor: pointer;
        }

        #basic_account {
            background: transparent !important;
        }
    }

    input {
        color: #889aa4 !important;
        caret-color: #889aa4 !important;

        &::placeholder {
            color: #889aa4 !important
        }

        &::-webkit-input-placeholder {
            color: #889aa4;
            text-shadow: none;
            -webkit-text-fill-color: #889aa4;
            border-left-color: #889aa4;
        }
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus input:-webkit-autofill,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        -webkit-text-fill-color: #889aa4;
        transition: background-color 5000s ease-in-out 0s;
    }
}